<!DOCTYPE html>
<html>
 <head>
	<meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, minimum-scale=0.5, user-scalable=yes" />
	<title> Quilt Box에 놀러오세요! </title>
	<link rel="stylesheet" href="quilt.css" type="text/css" />
	<script src="./script/jquery-1.7.2.min.js"></script>
	<script src="./js/jquery.rolling.js" type="text/javascript"></script> 
	<script>
	  /*** 롤링배너 ***/
	  jQuery(function($){
		$("div.gallery_rolling").gallery_rolling();
	  });
	</script>
 </head>

 <body>
	<div id = "wrap">
		<header>
			<h1><a class="main_link" href="#">Quilt Box</a></h1>
			<div class="menu_area">
				<a class="first_menu" href="#">
					<span> menu1 </span>
				</a>
				<a class="second_menu" href="#">
					<span>menu2</span>
				</a>
				<a class="third_menu" href="#">
					<span>menu3</span>
				</a>
				<a class="firth_menu" href="#"> 
					<span>menu4</span>
				</a>
			</div>
		</header>
		<section id ="contents">
			<article class="intro_contents">
					<div class="gallery_rolling carrousel_box">
						<ul>
							<li>
								<div class="img_box">
									<img src="./img/contents3.jpg" alt="프로토 타입" />
								</div>
							</li>
							<li>
								<div class="img_box">
									<img src="./img/prototype.jpg" alt="프로토 타입2" />
								</div>
							</li>
						</ul>
					</div>
					<span class="arrow_prev">이전</span>
					<span class="arrow_next">다음</span>
			</article>
		</section>

		<!--contents 영역 -->

		<nav id ="notice_nav">
		</nav>

		<!--<div class="clear_both"></div>-->
		<!-- 세부 메뉴 영역-->
		<nav id ="menu_nav">
			<div class="inner">
				<h3 class="inner_tit">
					<abbr class="tit_abbr" title="menu" >Menu.</abbr>			
				</h3>
				<ul class="list_nav">
					<li>
						<a class="menu_link" href="#" rel="bookmark">menu1</a>
					</li>
					<li>
						<a class="menu_link" href="#" rel="bookmark">menu2</a>
					</li>
					<li>
						<a class="menu_link" href="#" rel="bookmark">menu3</a>
					</li>
					<li>
						<a class="menu_link" href="#" rel="bookmark">menu4</a>
					</li>
				</ul>
			</div>
			<div class="inner">
				<h3 class="inner_tit">
					<abbr class="tit_abbr" title="menu" >Menu.</abbr>
				</h3>
				<ul class="list_nav">
					<li>
						<a class="menu_link" href="#" rel="bookmark">menu1</a>
					</li>
					<li>
						<a class="menu_link" href="#" rel="bookmark">menu2</a>
					</li>
					<li>
						<a class="menu_link" href="#" rel="bookmark">menu3</a>
					</li>
					<li>
						<a class="menu_link" href="#" rel="bookmark">menu4</a>
					</li>
				</ul>
			</div>
		</nav>
		<footer>
		</footer>
	</div>
 </body>
</html>
